<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			ul {
				list-style: none;

			}

			ul li {
				padding: 10px;
				color: darkgray;
			}

			a {
				text-decoration: none;
				color: skyblue;
			}
		</style>
	</head>
	<body>
		<form action="" method="">
			<ul>

				<li>
					<input type="email" placeholder="请输入您常用的邮箱" name="邮箱" style="background-image: url(img5/login-input5.png);background-repeat: no-repeat;background-position-x: 5px;background-position-y: 17px;padding-left: 30px;height: 40px;width: 280px;" />请输入您的邮箱
				</li>
				<li><input type="name" placeholder="请输入昵称" style="background-image: url(img5/login-input1.png);background-repeat: no-repeat;background-position-x: 5px;background-position-y: 17px;padding-left: 30px;height: 40px;width: 280px;" />4-12位字符，英文，数字或者中文均可
				</li>
				<li><input type="password" placeholder="请输入密码" style="background-image: url(img5/login-input2.png);background-repeat: no-repeat;background-position-x: 5px;background-position-y: 17px;padding-left: 30px;height: 40px;width: 280px;" />6-12位字符或者数字、字母，区分大小写
				</li>
				<li><input type="password" name="密码" placeholder="请再次输入密码" style="background-image: url(img5/login-input2.png);background-repeat: no-repeat;background-position-x: 5px;background-position-y: 17px;padding-left: 30px;height: 40px;width: 280px;" />
				</li>
				<li><input type="text" placeholder="请输入右侧验证码" style="background-image: url(img5/login-input3.png);background-repeat: no-repeat;background-position-x: 5px;background-position-y: 17px;padding-left: 30px;height: 40px;width: 180px;vertical-align: middle;" /><img
					 src="img5/yanzhengma.png" style="margin-left: 10px;vertical-align: middle;border: darkgray 2px solid;" />
				</li>
				<li style="margin-left: 90px;"><input type="checkbox" style="vertical-align: middle;"/>同意<a href=""> 用户服务条款</a></li>
				<li><input type="submit" value="注册" style="margin-left: 70px;width: 200px;height: 40px;background-color: skyblue;color: white;border-radius: 10px;border: 0px solid skyblue;" />
				</li>
			</ul>
		</form>
	</body>
</html>
